<template>
  <div>
    <el-dialog title="查看图片" :visible.sync="show" append-to-body>
      <img width="100%" :src="url" alt="">
    </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      show: false,
      height: document.body.clientHeight - 100
    }
  },
  props: {
    url: {
      default: ''
    }
  },
  methods: {
    open() {
      this.show = true;
    },
    close() {
      this.show = false;
    }
  }
}
</script>